/* eslint-disable @typescript-eslint/no-require-imports */
const moduleConfig = require('./module.config');

const config = {
  externals: {},
  htmlInjection: {
    headAppend: [
      `
        <style>
          :root {
            /* 云效组件主题 */
            --color-brand1-10: #000f33 !important;
            --color-brand1-9: #001e66 !important;
            --color-brand1-8: #002c99 !important;
            --color-brand1-7: #0034b3 !important;
            --color-brand1-6: #215ae5 !important;
            --color-brand1-5: #4077ff !important;
            --color-brand1-4: #6699ff !important;
            --color-brand1-3: #bfd4ff !important;
            --color-brand1-2: #d9e5ff !important;
            --color-brand1-1: #f0f6ff !important;
            --form-element-medium-corner: 6px !important;
            /* 网站本身主题 */
            --atom-color: #345de2;
            --atom-color-1: #292929;
            --atom-color-active: #06C270;
            --atom-bg-normal: #f7f7f7;
            --atom-radius-normal: 6px;
            --atom-border-color-normal: #e8e8e8;
          }
        </style>
      `,
      '<link rel="stylesheet" href="https://atomgit-opensource.oss-cn-beijing.aliyuncs.com/public/yunxiao-fe/teamix-ui/1.5.3/style/style/yunxiao-v5.min.css">',
    ],
  },
  plugins: [
    'build-plugin-component',
    moduleConfig,
    './build.plugin.js',
  ],
  devServer: {
    port: 80,
  },
  alias: {
    '@': './src',
  },
};

module.exports = config;
